<%--
  User: zhangteng
  Date: 2014/12/14 14:23
--%>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html class="js cssanimations">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="IR大作业" name="description">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <title>结果列表页</title>
    <meta content="webkit" name="renderer">
    <meta content="no-siteapp" http-equiv="Cache-Control">
    <link href="${staticWebsite}front/img/favicon.png" type="image/png" rel="alternate icon">
    <link href="${staticWebsite}front/app-icon72x72@2x.png" rel="apple-touch-icon-precomposed">
    <meta content="IR大作业" name="apple-mobile-web-app-title">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link href="${staticWebsite}front/img/startup-640x1096.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"
          rel="apple-touch-startup-image">
    <link href="${staticWebsite}front/css/amazeui.css" rel="stylesheet">
    <link href="${staticWebsite}front/css/amaze.css" rel="stylesheet">
    <link href="${staticWebsite}front/css/list.css" rel="stylesheet">
</head>
<body data-amui="2.x" class="amz-index">
<header id="amz-header">
    <div class="amz-container am-cf">
        <nav style="float:left;">
            <div class="am-g am-g-fixed">
                <form method="post" action="${website}search">
                    <input type="text" autocomplete="off" placeholder="" required="" class="am-form-field ipt-email" name="queryContent" value="${queryContent}">
                    <button type="submit" class="am-btn am-btn-secondary am-btn-block" id="subscribe-submit">搜索</button>
                </form>
            </div>
        </nav>
        <a href="${website}" style="float:right;">返回首页</a>
    </div>
</header>
<div id="amz-home" style="padding-top: 61px;">
    <section id="amz-hero" style="background-color: #fff;">
        <div class="amz-container am-cf">
            <h5 class="result-tip">该IR系统为您找到相关结果约<span id="resultNum">${fn:length(queryResultList)}</span>个, 约 ${time}ms。</h5>
            <c:if test="${empty queryResultList}">
                <div class="amz-container am-cf">
                    抱歉，没有相关结果！
                </div>
            </c:if>
            <ul>
                <c:forEach items="${queryResultList}" var="result">
                    <li>
                        <h3><a href="${website}doc/${result.name}?queryContent=${queryContent}">${result.title}</a></h3>

                        <p>${result.content}<span>...</span></p>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <div class="amz-notify" style="background-color: #10a0ea;">
            <form id="subscribe-form">
                <div class="am-g am-g-fixed">
                    <div class="col-md-6 am-u-md-6 notify-latest">
                        <a href="/download?ver=2.0.0">
                            <span class="amz-notify-date">2014-12-30</span>
                            <span class="amz-notify-divider">|</span>
                            <span>IR v1.0.0 正式版发布</span>
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </section>
</div>
<div id="amz-toolbar" class="amz-toolbar" style="right: 119.5px;">
    <a id="amz-go-top" class="am-icon-btn am-icon-arrow-up" title="回到顶部" href="#top"></a>
</div>
</body>
</html>
